iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 8
0
自我挑戰組

程式香草的小旅行系列 第 8

你掉的是這杯45g糖的珍奶還是這杯熱戀期的珍奶呢?

  • 分享至 

  • xImage
  •  

這次的教材一樣是Amos老師的基礎網頁影片
金魚都能懂網頁設計入門
以下是課堂小筆記:

語意與語義

在寫程式的時候,
有時候雖然出來的結果是一樣的,
但背後的寫法跟意義卻不同。

例如要把字體加粗
可以用'strong'或'b'(B在各種文字編輯器中也是字體加粗的意思);
想呈現斜體
可以用'em'(emphasized)或'i';
加上刪除線則可用'del'或's'(strikethrough)。
(補充資料來源是5minReading網站,寫得很詳細喔)

上述用法的不同,
主要的差別是一種多是單純描述外觀,
加粗的,斜的,
另一種則是被賦予了意義,
“這是重要的(所以被加粗)”
“這是重要的或是專有名詞(所以用斜體)”
“這個已經不正確的(所以畫了刪除線)”

之所以要在語意上又加上一層語義,
是為了讓搜尋引擎可以更好地認識網站的結構。
就像你在為別人介紹一道菜,
你可以單純跟他說:
這裡是淡粉色的,這裡是甜的;
但如果要讓他更深入了解你的料理理念,
你可以更深入地解說:
因為想呈現春天櫻花溫柔的意象,
所以做成了淡粉色的甜口味。

用語義來架構你的網站,
就能讓搜尋引擎更深刻的了解你想呈現的東西,
seo也就可以更好了。


上一篇
學到想睡覺的時候怎麼辦
下一篇
寫網頁要先了解的三原色
系列文
程式香草的小旅行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言